<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="format-detection" content="telephone=no" />
  <meta content="email=no" name="format-detection" />
  <script src="build/flexible.js"></script>
  <script src="build/flexible_css.js"></script>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/icons.css">
  <link rel="stylesheet" href="css/each/orderListStatus.css">
  <!--[if lt IE 8]><!-->
  <link rel="stylesheet" href="ie7/ie7.css">
  <link rel="stylesheet" href="js/swiper/swiper.css">
  <!--<![endif]-->
  <title>我的超市订单</title>
</head>
<body>
<header>
  <div class="header-tit box box-left box-center">
    <div class="item-fix header-icon"><a href="#" class=" icon-back"></a></div>
    <h1 class="item">我的超市订单</h1>
    <div class="item-fix icons-square"></div>
  </div>
</header>
<section class="section-single">
  <ul class="order-type-menu box font14">
    <li class="order-type-item"><a href="#">全部</a></li>
    <li class="order-type-item active-order-type"><a href="#">新订单</a></li>
    <li class="order-type-item"><a href="#">已完成</a></li>
    <li class="order-type-item"><a href="#">已取消</a></li>
  </ul>
  <div class="order-status-list">
    <ul class="order-status-ul">
      <li class="order-status-item box box-all">
        <a href="" class="order-status-img">
          <img src="img/order_status1.png" alt="">
        </a>
        <div class="product-status-introl">
          <p class="product-title font14 box box-between">
            <span class="product-name">妞妞零食品店小王子考薯片</span>
            <span class="product-price color-red">￥19.00</span>
          </p>
          <div class="order-detail box box-bottom box-between">
            <div class="each-order-id font12">
              <p class="order-id-item">
                <span class="order-id-key">订单编号：</span>
                <span class="order-id-value">112232423425</span>
              </p>
              <p class="order-id-item">
                <span class="order-id-key">下单时间：</span>
                <span class="order-id-value">2016-10-11 18:13:40</span>
              </p>
            </div>
            <a href="#" class="order-status font14">取消</a>
          </div>
        </div>
      </li>
      <li class="order-status-item box box-all">
        <a href="" class="order-status-img">
          <img src="img/order_status1.png" alt="">
        </a>
        <div class="product-status-introl">
          <p class="product-title font14 box box-between">
            <span class="product-name">妞妞零食品店小王子考薯片</span>
            <span class="product-price color-red">￥19.00</span>
          </p>
          <div class="order-detail box box-bottom box-between">
            <div class="each-order-id font12">
              <p class="order-id-item">
                <span class="order-id-key">订单编号：</span>
                <span class="order-id-value">112232423425</span>
              </p>
              <p class="order-id-item">
                <span class="order-id-key">下单时间：</span>
                <span class="order-id-value">2016-10-11 18:13:40</span>
              </p>
            </div>
            <a href="#" class="order-status font14">支付</a>
          </div>
        </div>
      </li>
      <li class="order-status-item box box-all">
        <a href="" class="order-status-img">
          <img src="img/order_status1.png" alt="">
        </a>
        <div class="product-status-introl">
          <p class="product-title font14 box box-between">
            <span class="product-name">妞妞零食品店小王子考薯片</span>
            <span class="product-price color-red">￥19.00</span>
          </p>
          <div class="order-detail box box-bottom box-between">
            <div class="each-order-id font12">
              <p class="order-id-item">
                <span class="order-id-key">订单编号：</span>
                <span class="order-id-value">112232423425</span>
              </p>
              <p class="order-id-item">
                <span class="order-id-key">下单时间：</span>
                <span class="order-id-value">2016-10-11 18:13:40</span>
              </p>
            </div>
            <a href="#" class="order-status font14">查看</a>
          </div>
        </div>
      </li>
    </ul>
  </div>
</section>
<script src="js/jquery.js"></script>
<script src="js/each/orderListStatus.js"></script>
</body>
</html>